import "./Main.css";
const Main = () => {
  return (
    <main>
      <div className="banner"></div>
      <div className="content">
        <div className="cont_auto">
          <h1>疫情专区</h1>
          <p className="underline"></p>
          <ul className="aBtn">
            <li>疫情专区</li>
            <li>疫情直播</li>
            <li>疫情系列课程</li>
            <li>品牌直销</li>
            <li>后厨供应</li>
          </ul>
          <ul className="aLi">
            <li>
              <div className="cont_top">
                <div className="top_top">
                  <img
                    src={
                      require("./口碑/143455f7ae26201787.png")
                        .default
                    }
                    alt=""
                  />

                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>铭哥</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>

              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
            <li>
              <div className="cont_top">
                <div className="top_top">
                  {" "}
                  <img
                    src={
                      require("./口碑/1533371d2b4f018809.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>赵玉</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
            <li>
              <div className="cont_top">
                <div className="top_top">
                  <img
                    src={
                      require("./口碑/143455f7ae26201787.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>长剑</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
            <li>
              <div className="cont_top">
                <div className="top_top">
                  {" "}
                  <img
                    src={
                      require("./口碑/120043b6fe18501080.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>曹馨蕴</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
            <li>
              <div className="cont_top">
                <div className="top_top">
                  <img
                    src={
                      require("./口碑/120043b6fe18501080.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>谭杰</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
            <li>
              <div className="cont_top">
                <div className="top_top">
                  <img
                    src={
                      require("./口碑/120043b6fe18501080.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>葛荣臻</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
          </ul>
          <div className="many">更多></div>
          <h1 className="cont2">堂食增收</h1>
          <p className="underline"></p>
          <ul className="aBtn">
            <li>疫情专区</li>
            <li>疫情直播</li>
            <li>疫情系列课程</li>
            <li>品牌直销</li>
            <li>后厨供应</li>
          </ul>
          <ul className="aLi">
            <li>
              <div className="cont_top">
                <div className="top_top">
                  <img
                    src={
                      require("./口碑/143455f7ae26201787.png")
                        .default
                    }
                    alt=""
                  />

                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>铭哥</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>

              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
            <li>
              <div className="cont_top">
                <div className="top_top">
                  {" "}
                  <img
                    src={
                      require("./口碑/1533371d2b4f018809.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>赵玉</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
            <li>
              <div className="cont_top">
                <div className="top_top">
                  <img
                    src={
                      require("./口碑/143455f7ae26201787.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>长剑</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
            <li>
              <div className="cont_top">
                <div className="top_top">
                  {" "}
                  <img
                    src={
                      require("./口碑/120043b6fe18501080.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>曹馨蕴</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
            <li>
              <div className="cont_top">
                <div className="top_top">
                  <img
                    src={
                      require("./口碑/120043b6fe18501080.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>谭杰</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
            <li>
              <div className="cont_top">
                <div className="top_top">
                  <img
                    src={
                      require("./口碑/120043b6fe18501080.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>葛荣臻</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
          </ul>
          <div className="many">更多></div>

          <h1 className="cont2">外卖爆单</h1>
          <p className="underline"></p>
          <ul className="aBtn">
            <li>疫情专区</li>
            <li>疫情直播</li>
            <li>疫情系列课程</li>
            <li>品牌直销</li>
            <li>后厨供应</li>
          </ul>
          <ul className="aLi">
            <li>
              <div className="cont_top">
                <div className="top_top">
                  <img
                    src={
                      require("./口碑/143455f7ae26201787.png")
                        .default
                    }
                    alt=""
                  />

                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>铭哥</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>

              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
            <li>
              <div className="cont_top">
                <div className="top_top">
                  {" "}
                  <img
                    src={
                      require("./口碑/1533371d2b4f018809.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>赵玉</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
            <li>
              <div className="cont_top">
                <div className="top_top">
                  <img
                    src={
                      require("./口碑/143455f7ae26201787.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>长剑</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
            <li>
              <div className="cont_top">
                <div className="top_top">
                  {" "}
                  <img
                    src={
                      require("./口碑/120043b6fe18501080.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>曹馨蕴</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
            <li>
              <div className="cont_top">
                <div className="top_top">
                  <img
                    src={
                      require("./口碑/120043b6fe18501080.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>谭杰</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
            <li>
              <div className="cont_top">
                <div className="top_top">
                  <img
                    src={
                      require("./口碑/120043b6fe18501080.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>葛荣臻</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
          </ul>
          <div className="many">更多></div>
          <h1 className="cont2">专题课程</h1>
          <p className="underline"></p>

          <ul className="aLi">
            <li>
              <div className="cont_top">
                <div className="top_top">
                  {" "}
                  <img
                    src={
                      require("./口碑/120043b6fe18501080.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>曹馨蕴</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
            <li>
              <div className="cont_top">
                <div className="top_top">
                  <img
                    src={
                      require("./口碑/120043b6fe18501080.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>谭杰</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
            <li>
              <div className="cont_top">
                <div className="top_top">
                  <img
                    src={
                      require("./口碑/120043b6fe18501080.png")
                        .default
                    }
                    alt=""
                  />
                  <div className="mask">
                    <img
                      src={
                        require("./口碑/104437555ef3930962.png")
                          .default
                      }
                      alt=""
                    />
                    <p>葛荣臻</p>
                  </div>
                  <div className="jiaru">
                    <p>加入课程</p>
                  </div>
                </div>
                <p className="yiq">疫情之下，如何发力外卖，扭转亏损</p>
              </div>
              <div className="cont_bottom">
                <p>
                  <img
                    src={require("./口碑/eye.png").default}
                    alt=""
                  />
                  <span>17458</span>
                </p>
                <p>免费</p>
              </div>
            </li>
          </ul>
          <div className="many">更多></div>
          <div className="bott1">
            <h1> 新餐饮图文课</h1>
            <p className="underline"></p>
            <p className="underp">商家案例、行业报告、大咖观点、图文资讯。</p>
            <ul className="bott_auto">
              <li>
                <p>疫情专区</p>
                <p>03-09 12.14</p>
                <p className="coloro">
                  共克疫情，新冠肺炎健康保险保障升级！口碑饿了么全国商家免费领取
                </p>
              </li>
              <li>
                <p>疫情专区</p>
                <p>03-09 12.14</p>
                <p className="coloro">
                  疫情进行时，生鲜、餐饮、零售格局正在剧变，一切源于……
                </p>
              </li>
              <li>
                <p>疫情专区</p>
                <p>03-09 12.14</p>
                <p className="coloro">
                  饿了么联合多个餐饮品牌，犒劳全国一线民警
                </p>
              </li>
            </ul>
            <div className="many1">更多></div>
          </div>
        </div>
      </div>
    </main>
  );
};
export default Main;
